<script setup lang="ts">
const defaultForm={
  group_type:'',
  group_new_name:'',
};
const form=reactive({...defaultForm});
</script>

<template>
<div>
  <el-card>
    <el-form label-width="100" label-suffix="：">
      <el-form-item label="导入分组域名">
        <el-select placeholder="请选择">
          <el-option></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="域名">
        <el-input type="textarea" placeholder="每行一个域名"></el-input>
      </el-form-item>
      <el-form-item label="设置分组在">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-radio-group placeholder="请选择">
              <el-radio v-for="(item,ind) in ['我的域名','预定域名','店铺域名','竞价域名']" :label="item" :value="ind+1"></el-radio>
            </el-radio-group>
          </div>
        </div>
      </el-form-item>
      <el-form-item label="操作分组">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-select placeholder="请选择">
              <el-option v-for="(item,ind) in ['取消分组','自定义分组']" :label="item" :value="ind+1"></el-option>
            </el-select>
          </div>
          <div><NuxtLink to="/admin/domainAdmin/DomainGroup"><el-button class="ml-2" type="primary">管理</el-button></NuxtLink></div>
        </div>
      </el-form-item>
      <el-form-item label="新的分组名" v-if="form.group_type">
        <div class="flex w-1/2">
          <div class="w-1/2">
            <el-input v-model="form.new_group_name" placeholder="请输入新的分组名"></el-input>
          </div>
          <div class="ml-2 text-gray-400">请不要超过10个字符</div>
        </div>
      </el-form-item>
      <el-form-item label="">
        <el-button type="primary">提交</el-button>
      </el-form-item>
    </el-form>
  </el-card>
</div>
</template>

<style scoped lang="scss">

</style>